<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../js/getURL.js"></script>
    <script src="../js/ShoppingCart.js"></script>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/details.css">
    <script src="../js/lib/jquery.js"></script>
    <link rel="stylesheet" href="../css/detailsfont.css">

</head>

<body>
    <div class="nav"><img src="https://img.alicdn.com/imgextra/i3/O1CN01k8fQ5f1McQzzgDt37_!!6000000001455-0-tps-1190-110.jpg" alt="">
    <div class="nav-1"></div>
    </div>
    <!-- 中部 -->
    <div class="zhongjian">
        <div id="detail">

            <div id="J_DetailMeta" class="tm-detail-meta tm-clear">

                <!-- 放大镜 -->
                <div class="Amplification"></div>

                <!-- 详情 -->
                <div class="tb-wrap">

                    <!-- 标题 -->
                    <div class="tb-detail-hd">


                        <h1 id="Pname">
                            洁柔旅行装手帕纸Face古龙水香纸巾迷你面巾纸旗舰店官网4层18包
                        </h1>


                        <p class="newp">爆款直降 限时抢购</p>


                    </div>

                    <!-- 价格 -->
                    <div class="tm-fcs-panel">
                        <dl class="tm-promo-panel tm-promo-cur" id="J_PromoPrice" data-label="促销价">
                            <dt class="tb-metatit ">价格</dt>
                            <dd>
                                <div class="tm-promo-price"> <em class="tm-yen">¥</em> <span
                                        class="tm-price ">6.90</span> <em class="tm-promo-type "><s></s>超市推荐</em>
                                    &nbsp;&nbsp; </div>
                                <p> </p>
                            </dd>
                        </dl>
                        <script type="data/tpl" id="J_PromoHintText">
                       <!--rullBanner ids:$ids true-->

               </script>

                        <dl class="tm-shopPromo-panel"></dl>
                    </div>

                    <!-- 运费&重量 -->
                    <div class="tb-meta">
                        <dl class="tm-delivery-panel" id="J_RSPostageCont">
                            <dt class="tb-metatit">运费</dt>
                            <dd>
                                <div class="tb-postAge"><span class="tb-deliveryAdd" id="J_deliveryAdd">河南郑州</span>至
                                    <span id="J_AddrSelectTrigger" class="mui_addr_tri" combo-level="3"><span
                                            role="button" tabindex="0" aria-haspopup="true" data-code="410100"
                                            class="mui_addr_tri_1">郑州<i class="mui_addr_icon"></i></span><span
                                            role="button" tabindex="0" aria-haspopup="true" data-code="410102"
                                            class="mui_addr_tri_2">中原区<i class="mui_addr_icon"></i></span></span>
                                    <div id="J_PostageToggleCont" class="tb-postAge-info">
                                        <p> <span>满88(20Kg内)包邮</span> <a
                                                href="//service.tmall.com/support/tmall/knowledge-1137790.htm"
                                                target="_blank">配送规则</a> </p>
                                        <p> <span>满88(20Kg内)包邮</span> <a
                                                href="//service.tmall.com/support/tmall/knowledge-1137790.htm"
                                                target="_blank">配送规则</a> </p>
                                    </div>

                                    <div class="signText">23:59前付款，承诺明天送达</div>
                            </dd>
                        </dl>

                        <dl class="tm-item-weight">
                            <dt class="tb-metatit">重量</dt>
                            <dd><em>0.248</em>kg</dd>
                        </dl>
                    </div>

                    <!-- 月销量&评价 -->
                    <ul class="tm-ind-panel">
                        <li class="tm-ind-item tm-ind-sellCount" data-label="月销量">
                            <div class="tm-indcon"><span class="tm-label">月销量</span><span class="tm-count">5万+</span>
                            </div>
                        </li>
                        <li class="tm-ind-item tm-ind-reviewCount canClick tm-line3" id="J_ItemRates">
                            <div class="tm-indcon"><span class="tm-label">累计评价</span><span
                                    class="tm-count">193704</span></div>
                        </li>

                    </ul>

                    <!-- 购买规格数量&加入购物车 -->
                    <div class="tb-key">
                        <div class="tb-skin">
                            <div class="tb-sku">



                                <dl class="tb-prop tm-sale-prop tm-clear ">
                                    <dt class="tb-metatit">购买规格</dt>
                                    <dd>
                                        <ul data-property="购买规格" class="tm-clear J_TSaleProp     ">

                                            <li class='Piece'>
                                                <a href="javascript:void(0)" role="button" tabindex="0">
                                                    <span>1件</span>
                                                </a>
                                            </li>




                                            <li class='Piece'>
                                                <a href="javascript:void(0)" role="button" tabindex="0">
                                                    <span>2件</span>
                                                </a>
                                            </li>




                                            <li class='Piece'>
                                                <a href="javascript:void(0)" role="button" tabindex="0">
                                                    <span>3件</span>
                                                </a>
                                            </li>




                                            <li class='Piece'>
                                                <a href="javascript:void(0)" role="button" tabindex="0">
                                                    <span>4件</span>
                                                </a>
                                            </li>




                                            <li class='Piece'>
                                                <a href="javascript:void(0)" role="button" tabindex="0">
                                                    <span>5件</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </dd>
                                </dl>

                                <dl class="tb-amount tm-clear">
                                    <dt class="tb-metatit">数量</dt>
                                    <dd id="J_Amount"><span class="tb-amount-widget mui-amount-wrap">
                                            <input type="text" class="tb-text mui-amount-input" value="1" maxlength="8"
                                                title="请输入购买量">
                                            <span class="mui-amount-btn">
                                                <span class="mui-amount-increase"></span>
                                                <span class="mui-amount-decrease"></span>
                                            </span>
                                            <span class="mui-amount-unit">件</span>
                                        </span>

                                        <em id="J_EmStock" class="tb-hidden" style="display: inline;">库存1608件</em>

                                    </dd>
                                </dl>




                                <div class="tb-action tm-clear">

                                    <div class="tb-btn-basket tb-btn-sku tm-chaoshi-add"><a href="javascript:void(0)" rel="nofollow"
                                            id="J_LinkBasket" role="button">加入超市购物车</a></div>

                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- 配送范围 -->
                    <p class="tm-chaoshi-range">
                        <span class="tb-metatit">配送范围</span>
                        <s
                            class="J_CSDeliverRange">送货范围仅限焦作、南阳、驻马店、洛阳、开封、三门峡、新乡、郑州、鹤壁、周口、安阳、漯河、商丘、濮阳、济源、许昌、平顶山、信阳地区(生鲜类别仅限部分地区)</s>
                    </p>



                </div>
            </div>
        </div>
        
        <button class="Shopp">购物车 <span>2</span></button>

        <div class="bottom"></div>
        <!-- 外部引入放大镜 -->
        <script>
            $(".Amplification").load("../html/放大镜.html");
            $(".nav-1").load("./nav.html");
            $(".bottom").load("./bottom.html");
            $(".Shopp").click(function(){
                window.location.replace(url="./ShoppingCart.html")
            })
        </script>
    
        <!-- 详情接口 -->
        <script src="../js/details.js"></script>
</body>

</html>